<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<title>task1.8--栅格布局</title>
</head>
<body>
	<div class="container">
    	<div class="row">
        	<div class="col-ms-4 col-xs-6"><p>111</p></div> 
        	<div class="col-ms-4 col-xs-6"><p>111</p></div> 
	        <div class="col-ms-4 col-xs-12"><p>111</p></div> 
	        <div class="col-ms-3 col-xs-3"><p>111</p></div> 
	       	<div class="col-ms-6 col-xs-6"><p>111</p></div> 
	       	<div class="col-ms-3 col-xs-3"><p>111</p></div> 
	       	<div class="col-ms-1 col-xs-2"><p>11</p></div>
	       	<div class="col-ms-1 col-xs-2"><p>111</p></div> 
	       	<div class="col-ms-2 col-xs-8"><p>111</p></div> 
	       	<div class="col-ms-2 col-xs-3"><p>1111</p></div> 
	       	<div class="col-ms-6 col-xs-3"><p>111</p></div> 
    	</div> 
	</div>
</body>
</html>